<template>
  <div class="icon_box">
    <ul class="boxList">
      <template v-for="(item, index) in data">
        <li class="list" :key="index">
          <i>
            <img :src="item.img" />
          </i>
          <a :href="item.href" target="blank">
            <span>{{ item.title }}</span>
          </a>
        </li>
      </template>
    </ul>
    <a href="#">
      <i>
        <img src="/portal/images/icon_add.png" />
        <b></b>
      </i>
      <span>添加快捷方式</span>
    </a>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: [
        {
          img: "/portal/images/icon_02.png",
          href: "#",
          title: "待办工作"
        },
        {
          img: "/portal/images/icon_03.png",
          href: "#",
          title: "日程安排"
        },
        {
          img: "/portal/images/icon_01.png",
          href: "#",
          title: "通讯录"
        },
        {
          img: "/portal/images/icon_04.png",
          href: "#",
          title: "企业邮箱"
        },
        {
          img: "/portal/images/icon_05.png",
          href: "#",
          title: "通知公告"
        },
        {
          img: "/portal/images/icon_06.png",
          href: "#",
          title: "行政人事"
        }
      ]
    };
  }
};
</script>
